<template>
  <div>
    <div class="top">
      <img src="@/assets/left.jpg" alt="" />
      <a href="#/">发现音乐</a>
      <a href="#/my">我的音乐</a>
      <a href="#/friend">关注</a>
      <img src="@/assets/right.jpg" alt="" />
    </div>
    <div class="main">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.top {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242424;
}
.top a {
  padding: 0 15px;
  color: #fff;
}
.main {
  display: flex;
  justify-content: center;
}
</style>
<style>
* {
  padding: 0;
  margin: 0;
}
</style>
